// 修复hidden失效的bug
$(".classify-down").hide(1);
$(".car-down").hide(1);

$(function () {
    $(".shop-car").mouseenter(function () {
        $(this).next("div").show(10)
    }).parent().mouseleave(function () {
        $(".car-down").hide()
    })

    $(".mobile").mouseenter(function () {
        $(this).children().attr("src", "./image/index-img/上拉.png")
    }).mouseleave(function () {
        $(this).children().attr("src", "./image/index-img/下拉.png")
    })

    $(".classify").mouseenter(function () {
        $(this).css('border-bottom', '1px solid #333')
        $(".classify-down").slideDown(200, function () {
            $(this).children("ul").children('li:first-child').children('.item-down')
                .show(1)
            $(this).children("ul")
                .on('mouseenter', 'li>a', function (e) {
                    // console.log(e.target)
                    $(e.target).css('color', '#111111')
                        .next(".item-down").show()
                }).on('mouseleave', 'li>a', function (e) {
                    $(e.target).css('color', '#666666')
                        .next(".item-down").parent().mouseleave(function () {
                            $(".item-down").hide()
                        })
                })
        })
    });

    $(".layout").mouseleave(function () {
        $(".classify-down").slideUp(200)
        $(".classify").css('border-bottom', 'none')
        $(".item-down").hide(100)
    });
    /**轮播图**/
    var mySwiper = new Swiper('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            // type : 'progressbar',
        },
    });

    $('.classify-down .item-down li,.swiper-slide,.list-item,channel-item').click(function () {
       /* window.open('detail.html')*/
        console.log('click');
    })

    $(".channel-item").mouseenter(function () {
        $(this).children("a").css('color', 'rgb(101, 101, 240)')
    }).mouseleave(function () {
        $(this).children("a").css('color', '#000000')
    })

    $(".list-item").mouseenter(function () {
        $(this).css('box-shadow', '0 0 8px 1px #cccccc')
    }).mouseleave(function () {
        $(this).css('box-shadow', 'none')
    })

})